{% extends "base.html" %}
{% block content %}
<h3>Book Appointment</h3>
<form method="post">
  <div class="mb-3">
    <label>Doctor / Service</label>
    <input name="doctor_name" class="form-control" required placeholder="Dr. John Doe or cardiology">
  </div>
  <div class="mb-3">
    <label>Date / Time</label>
    <input name="date" type="datetime-local" class="form-control" required>
  </div>
  <div class="mb-3">
    <label>Reason</label>
    <textarea name="reason" class="form-control"></textarea>
  </div>
  <button class="btn btn-primary">Request Appointment</button>
</form>
{% endblock %}